<script setup lang="ts">
defineProps<{
  showLineArrow: boolean
  labelClass: string
  labelText: string
  valueText: string
  value1Text: string
  descText: string
}>()
</script>

<template>
  <span v-if="showLineArrow" class="line-arrow" :class="labelClass" />
  <div class="tree-label" :class="labelClass">
    <div class="label-text">
      {{ labelText }}
    </div>
    <div class="label-value">
      {{ valueText }}
    </div>
    <div class="label-value">
      {{ value1Text }}
    </div>
    <ElDivider class="label-divider" />
    <div class="label-desc">
      {{ descText }}
    </div>
  </div>
</template>
